define(function(require, exports, module) {
	require('./css/style.css')
	function onload() {
		return {
			name: "RightToolbar",
			template: require('./Widget.html'),
			data() {
				return {
					// 显隐数据
					value: [],
					// 弹出层标题
					title: "显示/隐藏",
					// 是否显示弹出层
					open: false,
				};
			},
			props: {
				showsearch: {
					type: Boolean,
					default: true,
				},
				columns: {
					type: Array,
				},
				search: {
					type: Boolean,
					default: true,
				},
				gutter: {
					type: Number,
					default: 10,
				},
			},
			computed: {
				style() {
					const ret = {};
					if (this.gutter) {
						ret.marginRight = `${this.gutter / 2}px`;
					}
					return ret;
				}
			},
			created() {
				// 显隐列初始默认隐藏列
				for (let item in this.columns) {
					if (this.columns[item].visible === false) {
						this.value.push(parseInt(item));
					}
				}
			},
			methods: {
				// 搜索
				toggleSearch() {
					this.$emit("update:showsearch", !this.showsearch);
				},
				// 刷新
				refresh() {
					this.$emit("query-table");
				},
				// 右侧列表元素变化
				dataChange(data) {
					for (let item in this.columns) {
						const key = this.columns[item].key;
						this.columns[item].visible = !data.includes(key);
					}
				},
				// 打开显隐列dialog
				showColumn() {
					this.open = true;
				},
			},
		}

	}

	module.exports = {
		onload
	};
});
